// 注入gulp依赖
var gulp = require("gulp");
// 注入gulp-sass插件
// var sass = require("gulp-sass");
// 注入browser-sync插件
var browserSync = require("browser-sync");
// 注入useref拼接插件
var useref = require('gulp-useref');
// 注入js压缩的插件
var uglify = require('gulp-uglify');

// 创建sass的编译任务

// gulp.task('sass',function () {
// 	return gulp.src('app/scss/*.scss')
// 	.pipe(sass()) // 调用sass()编译方法
// 	.pipe(gulp.dest('app/css'))
// 	.pipe(browserSync.reload({stream:true}));
// })

// 创建一个重载的任务

gulp.task('browserSync',function () {
	return browserSync({
		server:{
			baseDir:'app'
		}
	})
})

// 使用watch命令创建一个任务
gulp.task('watch',['browserSync'],function () {
	// gulp.watch('app/scss/*.scss',['sass']);
	gulp.watch('app/css/*.css',browserSync.reload);
	gulp.watch('app/js/*.js',browserSync.reload);
	gulp.watch('app/*.html',browserSync.reload);
})

// 执行默认的任务序列,终端(cmd) 直接输入gulp即可执行以下任务
gulp.task('default',['browserSync','watch']);

// 以下任务,不是频繁的用,大多用于上线的时候用.
// 创建一个拼接的任务
gulp.task('useref',function () {
	return gulp.src('app/*.html')
	.pipe(useref())
	.pipe(gulp.dest('dist'))
})

// 创建一个压缩js的任务
gulp.task('uglify',function () {
	gulp.src('dist/js/*.js')
	.pipe(uglify())
	.pipe(gulp.dest('dist/minjs'))
})
